<style>
    .plan {
        width:	270px;
        height: 270px;
        margin: 0 10px;
        float: left;
        border-radius: 12px;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border: 1px solid #000;
        text-align: center;
    }

    .plan img{
        width:	270px;
    }

    .plan-titulo{
        background: #333;
        height: 60px;
        border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
    }

    .plan-titulo h2{
        font-family: Oswald;
        text-transform:uppercase;
        font-size: 14px;
        color: #FFF;
        font-weight: bold;
    }

    .plan-titulo h1{
        font-family: Oswald;
        text-transform:uppercase;
        font-size: 18px;
        color: #FFF;
        font-weight: bold;
        background: #999;
        padding: 5px 0;
    }

    .button a{
        height: 25px;
        border: 0;
        color: #FFF;
        padding: 10px;
        margin: 5px;
        background: #333;
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        margin: 10px 0;
        cursor: pointer;
        text-decoration: none;
    }
</style>
<div id="suscripciones">
    <div id="s-titulo">
        <h2>Suscripciones</h2>
    </div>
    <div id="s-texto">
        <div id="s-intro">
            <p>Entérese de las ultimas noticias de México y del mundo de manera oportuna, suscribete a Newsweek en Español digital y podras visualizar la revista a través de nuestro sitio web desde tu computadora (PC, Mac®)o Ipad® además de poder descargarla en formato PDF para que lo veas en el dispositivo mobil de tu preferencia (dispositivos compatibles con Adobe Reader®).</p>
        </div>
        <div id="s-desarrollo">
            <p>
                <span>Nuestros planes de suscripción tienen un descuento del precio de portada de mas de un 50%.</span>
            </p>

            <? if (!$session) { ?>
                <p>        
                    <span>Planes:</span>
                </p>
                <p>
                    <span>Suscripción Trimestral con 12 ediciones de la revista</span><br>
                    Precio regular $ 360.00 pesos<br>
                    <span>Precio suscripción online: $ 180.00 pesos</span><br>
                </p>
                <p>
                    <span>Suscripción Semestral con 26 ediciones de la revista</span><br>
                    Precio regular $ 780.00 pesos<br>
                    <span>Precio suscripción online: $ 350.00 pesos</span><br>
                </p>
                <p>
                    <span>Suscripción Anual con 52 ediciones de la revista</span><br>
                    Precio regular $1,560.00 pesos<br>
                    <span>Precio suscripción online: $ 700.00 pesos</span><br>
                </p>
                <p>
                    <a href="./index.php/suscripciones/registro" class="fancybox fancybox.iframe">Regístrese ahora</a> y goce de todos nuestros beneficios.
                </p>
                <p>
                    Si tiene algún problema , por favor escríbanos un correo a <a href="mailto:webmaster@revista-ooorale.com.mx">webmaster@revista-ooorale.com.mx</a> y con gusto lo atenderemos.
                </p>	
            <?
            } else {
                /* SI ESTA LOGUEADO */
                if (!$suscriptor) {
                    ?>
                    <p><span>Planes:</span></p>
                    <? foreach ($datos as $dato) { ?>
                        <div class="plan">
                            <div class="plan-titulo">
                                <h2><?= $dato->title; ?></h2>
                                <h1><?= '$' . $dato->price . '.00'; ?></h1>
                            </div>
                            <img src="images/title2.png" />
                            <div class="plan-descripcion" style=" height: 100px;">
                                <?= $dato->description; ?>
                            </div>
                            <div class="button">        
                                <a href="./index.php/suscripciones/paypal?precio=<?= '$' . $dato->price . '.00'; ?>&susc=<?= $dato->title; ?>" style="color: #FFF;">Suscribete Ahora</a>
                            </div>	
                        </div>		
                    <?
                    }
                } else {
                    redirect(base_url() . "index.php/suscripciones/links");
                }
            }
            ?>


            <div style="clear:both"></div>
        </div>
    </div>
</div>